<template>
	<div>
		<div class="rightBar" v-show="show" @click="toOrder">
			<van-icon name="orders-o" />
			<span>订单</span>
		</div>
		
	</div>
</template>

<script>
	export default {
		data() {
			return {
				show:true
			}
		},
		methods:{
			toOrder(){
				this.$router.push('/orderList')
			}
		}
}
</script>
<style scoped>
	.rightBar{
		position: fixed;
		right:0;
		bottom:1.3rem;
		z-index: 5;
		background: #fff;
		width: 2rem;
		height: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: .37rem;
		border-top-left-radius: 1rem;
		border-bottom-left-radius: 1rem;
		box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0, 0.07);
	}
	.rightBar .van-icon{
		font-size: .5rem;
		margin-right: .1rem;
	}
</style>
